<template>
    <div>
        <el-drawer
                title="查看"
                :visible.sync="open"
                direction="ttb"
                size="100%"
                :show-close="false"
                :wrapperClosable="false"
                custom-class="demo-drawer"
        >
            <markdown-preview :initialValue="initialValue"></markdown-preview>
        </el-drawer>
    </div>
</template>

<script>
  import {MarkdownPreview} from 'vue-meditor'

  export default {
    name: "index",
    components: {MarkdownPreview},
    data() {
      return {
        initialValue: undefined,
        open: false,
      }
    },
    methods: {
      openMarkdownPreview(value) {
        this.initialValue = value;
        this.open = true;
      }
    },
  }
</script>

<style scoped>

</style>